<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="isperp" uri="/WEB-INF/tlds/isperp.tld"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>


<style>
html
{
  heith:100%;
}
body
{
 height:100%;
}
.new-task-item {
	color: #8E8E8E;
	line-height: 27px;
	height: 40px;
	width:100px;
	float:left;
	border: 1px solid #DDD;
	margin: 5px 15px 5px 0;
	padding: 10px;
 	border-left: 5px solid #609ACA; 
	background: #e8e8e8;
	border-radius: 5px;
	list-style: none;
	cursor: pointer;
}

.task-item-op {
	width: 200px;
	line-height: 45px;
	overflow: hidden;
	zoom: 1;
	transition: all 0.8s;
	opacity: 0;
}

.pull-right {
	float: right;
}

.btn-group {
	position: relative;
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	white-space: nowrap;
}

.new-item-info {
	line-height: 20px;
	font-size: 13px;
}

.new-item-info a {
	color: #555;
	font-size:12px;
	font-weight: bold;
}
</style>

<div style="height:100%;">
	<ul class="taskblock" id="panel-inbox">
       <c:if test="${listSize>0 }">
		<c:forEach items="${list }" var="listCv">
			<li class="new-task-item clearfix" onmouseover="mouseover(this)"
				onclick="openCreateWindow('${listCv.url_ }')"
				onmouseout="mouseout(this)">
				<div class="new-item-info pull-left">
					<a href="javascript:void(0)" rid="linka">${listCv.type_ }(<span style="color:red">${listCv.count_ }</span>)</a>
				</div>
			</li>
		</c:forEach>
		</c:if>
		<c:if test="${listSize==0 }">
		  <div style="margin:0 auto;text-align: center;min-height: 250px;line-height: 250px;color:#666">
		        <span>暂无数据</span>
		  </div>
		</c:if>

	</ul>
</div>
<script type="text/javascript">
	function openCreateWindow(p) {
		var options = {
			title : '新建',
			contentUrl : p
		};
		isperp.openDialog(options);
	}
	function mouseout(obj) {
		var obj = $(obj);
		obj.css("background-color", "#e8e8e8");
		obj.find("a").css("color","#555");
	}

	function mouseover(obj) {
		var obj = $(obj);
		obj.css("background-color", "#666");
		obj.find("a").css("color","white");
	}
</script>

